<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="Expires" CONTENT="0">
    <meta http-equiv="Cache-Control" CONTENT="no-cache">
    <meta http-equiv="Pragma" CONTENT="no-cache">
    <meta name="renderer" content="webkit" />
    <title>圈子首页 - ${site.title!}</title>
    <meta name="keywords" content="${content.title!}" />
    <meta name="description" content="${content.title!}"  />
    <link href="/default/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/icon.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/common.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/nindex.css" rel="stylesheet" type="text/css" />
    <link href="/default/css/link.css" rel="stylesheet" type="text/css" />
    <script src="/default/js/jquery.min.js"></script>
    <script src="/vendors/layer/layer.js" type="text/javascript"></script>
    <script src="/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/default/js/modules/common.js" ></script>
</head>
<body>
<noscript unselectable="on" id="noscript">
    <div class="aw-404 aw-404-wrap container">
        <img src="/default/common/no-js.jpg">
        <p>你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!</p>
    </div>
</noscript>
[#include "pc/default/common/header.html"/]
<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
            <div class="aw-content-wrap clearfix">
                <div class="col-sm-12 col-md-9 aw-main-content">
                    <!-- 新消息通知 -->
                    <div class="aw-mod aw-notification-box collapse" id="index_notification">
                        <div class="mod-head common-head">
                            <h2>
                                <span class="pull-right"><a href="#" class="text-color-999"><i class="icon icon-setting"></i> 通知设置</a></span>
                                <i class="icon icon-bell"></i>新通知<em class="badge badge-important" name="notification_unread_num"></em>
                            </h2>
                        </div>
                        <div class="mod-body">
                            <ul id="notification_list"></ul>
                        </div>
                        <div class="mod-footer clearfix">
                            <a href="javascript:;" class="pull-left btn btn-mini btn-gray">我知道了</a>
                            <a href="#" class="pull-right btn btn-mini btn-success">查看所有</a>
                        </div>
                    </div>
                    <!-- end 新消息通知 -->
                    <ul class="nav nav-tabs aw-nav-tabs active hidden-xs">
                        <li>
                            <a href="#" onclick="return false;" data-sort="hot">热门</a>
                        </li>
                        <li>
                            <a href="#" onclick="return false;" data-sort="new">最新</a>
                        </li>
                        <li class="active">
                            <a href="#" onclick="return false;" data-sort="sum">默认</a>
                        </li>
                        <h2><img src="/default/css/img/np.png">专栏</h2>
                    </ul>
                    <div class="aw-column-list clearfix">
                        <div class="aw-column-list-box clearfix" id="column">
                            [@fly_group method="paginate" columnId='${columnId!}' p='${p?string!}']
                            [#list paginate.list as list]
                            <dl${((list_index+1)%2==0)?string(' style="float: right;"','')}>
                                <dt>
                                    <img class="N-zimg" src="[#if list.photo?? && list.photo?length gt 0]${list.photo!}[#else]/images/group_logo.jpg[/#if]" style="cursor: pointer;">
                                </dt>
                                <dd>
                                    <h2><a href="/g-${list.shortUrl}">${list.groupName!}</a></h2>
                                    <p>${list.groupDesc!}</p>
                                    <span>
                                        <em><i><img src="/default/css/img/nz.png"></i> ${list.countComment!}</em>
                                        <em><i><img src="/default/css/img/nsee.png"></i> ${list.countUser!}</em>
                                    </span>
                                    <span>
                                        <em>成员数:${list.countUser!}</em>
                                        <em>文章数:${list.countTopic!}</em>
                                    </span>
                                </dd>
                            </dl>
                            [/#list]
                            [/@fly_group]
                        </div>
                        <h6 class="aw-more" id="bp_all_more" data-page="1"><i><img src="/default/css/img/href.png"></i>换一换</h6>
                    </div>
                    <div class="aw-article-list clearfix">
                        <div class="column-title">
                            <h2><img src="/default/css/img/np.png"> 文章</h2>
                            <a href="#" class="nckmore">更多&gt;&gt;</a>
                        </div>

                        <div class="aw-column-article clearfix">
                            [@fly_topic method="recommend" tj="1" p='${p?string!}']
                            [#list recommend.list as list]
                            [@fly_user method="user" id = list.userId]
                            <dl${((list_index+1)%2==0)?string(' style="position: relative; left: 17px;"','')}${((list_index+1)%3==0)?string(' style="float: right;"','')}>
                                <dt><a href="/topic/${list.id!}/"><img src="/default/css/img/default-cover.jpg"></a></dt>
                                <dd>
                                    <h2><a href="/topic/${list.id!}/">${list.title!}</a></h2>
                                    <b>三叔</b>
                                    <span>
                                        <em><i><img src="/default/css/img/nz.png"></i> ${list.countView!}</em>
                                        <em><i><img src="/default/css/img/nsee.png"></i> ${list.countComment!}</em>
                                        <em class="ntime">[@time_format time=list.createTime?string("yyyy-MM-dd HH:mm:ss")!/]</em>
                                    </span>
                                </dd>
                            </dl>
                            [/@fly_user]
                            [/#list]
                            [/@fly_topic]
                        </div>
                        <h6 class="aw-more" id="article_all_more" data-page="1"><i><img src="/default/css/img/href.png"></i>换一换</h6>
                    </div>
                </div>

                <div class="col-sm-12 col-md-3 aw-side-bar hidden-xs hidden-sm">
                    <div class="box-card card-shadow">
                        <div class="link-card-inner">
                            <div class="link-card-header">
                                <div class="link-card-title">兴趣圈子</div>
                                <div class="link-card-extra">
                                    <a class="fly-button small" href="/user/group/create" target="_blank">立即创建</a>
                                </div>
                            </div>
                            <div class="link-card-content">
                                <p>建立自己的兴趣圈子，</p>
                                <p>获百万流量，打造自己的圈子和人脉</p>
                            </div>
                        </div>
                    </div>

                    <div class="column-side-title">
                        <h2><img src="/default/css/img/tjpop.png">推荐专栏</h2>
                    </div>
                    <div class="N-poplist one">
                        <div class="N-popbox">
                            <em>1</em>
                            <dl>
                                <dt><img src="http://wenda.wecenter.com/uploads/column/338c244689f56b878dd16b0c764a96f1.jpg?137">
                                    <a href="#">小柯SEO</a></dt>
                                <dd>分享网站SEO方面相...</dd>
                            </dl>
                            <ul>
                                <li><img src="/default/css/img/nsee.png">文章总浏览量:<i>0</i></li>
                                <li><img src="/default/css/img/nnum.png">发表文章总数:<i>0</i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="N-poplist two">
                        <div class="N-popbox">
                            <em>2</em>
                            <dl>
                                <dt><img src="http://wenda.wecenter.com/uploads/column/15907b9f669e22db7895bcc89a026080.jpg?9976">
                                    <a href="#">去查网站目录</a></dt>
                                <dd>去查网站目录 解决网...</dd>
                            </dl>
                            <ul>
                                <li><img src="/default/css/img/nsee.png">文章总浏览量:<i>0</i></li>
                                <li><img src="/default/css/img/nnum.png">发表文章总数:<i>0</i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="N-poplist three">
                        <div class="N-popbox">
                            <em>3</em>
                            <dl>
                                <dt><img src="http://wenda.wecenter.com/uploads/column/dbf9e6ab838faceb16258f347c4391cc.png?866">
                                    <a href="#">连接家人连接世界</a></dt>
                                <dd>欢迎来互联网讨论区</dd>
                            </dl>
                            <ul>
                                <li><img src="/default/css/img/nsee.png">文章总浏览量:<i>0</i></li>
                                <li><img src="/default/css/img/nnum.png">发表文章总数:<i>0</i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="N-poplist three">
                        <div class="N-popbox">
                            <em>4</em>
                            <dl>
                                <dt><img src="http://wenda.wecenter.com/uploads/column/5b2ef2734bc6a0cc46926ec137b423e0.jpg?6335">
                                    <a href="#">明语笔记</a></dt>
                                <dd>小明明的开发笔记。</dd>
                            </dl>
                            <ul>
                                <li><img src="/default/css/img/nsee.png">文章总浏览量:<i>0</i></li>
                                <li><img src="/default/css/img/nnum.png">发表文章总数:<i>0</i></li>
                            </ul>
                        </div>
                    </div>
                    <div class="N-poplist three">
                        <div class="N-popbox">
                            <em>5</em>
                            <dl>
                                <dt><img src="http://wenda.wecenter.com/uploads/column/00adc5e30f72c8958a9df2674eea71f9.jpg?5778">
                                    <a href="#">快网插件</a></dt>
                                <dd>针对WC开放插件市场...</dd>
                            </dl>
                            <ul>
                                <li><img src="/default/css/img/nsee.png">文章总浏览量:<i>0</i></li>
                                <li><img src="/default/css/img/nnum.png">发表文章总数:<i>0</i></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
[#include "pc/default/common/footer.html"/]
<script type="text/javascript" src="/default/js/modules/statistics.js"></script>
</body>
</html>